<template>
	<view class="zy-ph-50">
		<view class="zy-status-bar"></view>

		<view class="zy-register-title"> 你来TeAi是为了？</view>
		<view class="zy-text-white-lg-bold zy-mt"> （可多选）</view>

		<view class="zy-row-center" v-for="(item, index) in list" :key="index" @click="item.seleced = !item.seleced">
			<view class="btn1" :class="{'actived': item.seleced}">{{item.title}}</view>
		</view>

		<zy-button class="zy-mt-100" content="确认" @click="next" size="full"></zy-button>
	</view>
</template>

<script>
	import RouteUtil from '@/main/common/RouteUtil.js';
	import CacheUtil from '@/main/common/CacheUtil';
	export default {
		data() {
			return {
				data: {},
				list: [{
						title: '扩充人脉',
						seleced: false
					},
					{
						title: '交朋友',
						seleced: false
					},
					{
						title: '找女朋友',
						seleced: false
					},
					{
						title: '想结婚',
						seleced: false
					},
				]
			};
		},
		onLoad() {
			if(2==CacheUtil.getUserSex()){
				this.list[2].title = '找男朋友'
			}
		},
		methods: {
			next() {
				// if ('' == this.data.sex) {
				// 	uni.$toast.showToast('请选择性别')
				// 	return
				// }
				// CacheUtil.setRegisterUser(this.data)
				RouteUtil.toRegister7()
			}
		}
	};
</script>

<style lang="scss" scoped>
	.btn1 {
		width: 266rpx;
		height: 104rpx;
		line-height: 104rpx;
		border-radius: 52rpx;
		border: 1rpx solid #FFFFFF;
		margin-top: 48rpx;
		font-size: 40rpx;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
	}

	.actived {
		background: linear-gradient(to right, #06EBD8, #14B9D9);
	}
</style>